.indexBanner { width: 100%; height: 520px; 
	.bannerSwiper { height: 100%; 
		.swiper-slide { height: 100%; 
			a { display: block; width: 100%; height: 100%; font-size: 0; position: relative; 
				.bannerImg { width: 100%; height: 100%; object-fit: cover; }
				.width { height: 100%; position: absolute; top: 0; left: 50%; margin-left: -500px; }
				.nav { display: table; width: 100%; height: 100%; 
					.left { display: table-cell; vertical-align: middle; 
						span { display: block; font: bold 48px 'microsoft yahei'; color: #1d208a; transition: all 1s ease 1s; opacity: 0; transform: translateX(-150px); }
						em { display: block; width: 288px; height: 46px; font: normal 12px/46px 'microsoft yahei'; color: #ffffff; text-align: center; background: #f08106; margin-top: 40px; transition: all 1s ease 1.2s; opacity: 0; transform: translateX(-150px); }
					}
					.right { display: table-cell; vertical-align: middle; width: 52.2%; transition: all 1.2s ease 1s; opacity: 0; transform: translateX(150px); 
						img { max-width: 100%; max-height: 100%; }
					}
				}
			}
			&.swiper-slide-active {
				a {
					.nav {
						.left {
							span { opacity: 1; transform: translateX(0px); }
							em { opacity: 1; transform: translateX(0px); }
						}
						.right { opacity: 1; transform: translateX(0px); }
					}
				}
			}
		}
		.bannerPagi {
			span { width: 15px; height: 1px; border-radius: 0; background: #d0d0d0; opacity: .5; 
				&.swiper-pagination-bullet-active { opacity: 1; height: 2px; }
			}
		}
		.bannerPrev { width: 57px; height: 95px; background: rgba(88,89,98,.6); margin-top: -47.5px; left: 10.41%; 
			span { display: block; width: 18px; height: 30px; background: url(../images/prev.png) no-repeat left center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
			&:hover {
				span { background-position: right center; }
			}
		}
		.bannerNext { width: 57px; height: 95px; background: rgba(88,89,98,.6); margin-top: -47.5px; right: 10.41%; 
			span { display: block; width: 18px; height: 30px; background: url(../images/next.png) no-repeat right center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
			&:hover {
				span { background-position: left center; }
			}
		}
	}
}

.banner { width: 100%; font-size: 0; 
	img { width: 100%; }
}
.wrap { margin-top: 110px; 
	.index {
		.indexTitle { padding-bottom: 20px; border-bottom: 2px solid #eaeaea; margin-bottom: 15px; 
			p { font: normal 20px 'microsoft yahei'; color: #333333; text-align: center; }
		}
		.page1 { padding: 40px 0; background: #ffffff; 
			.top,.bot {
				.nav { position: relative; 
					.topSwiper,.botSwiper {
						.swiper-wrapper {
							.swiper-slide {
								a { display: block; width: 100%; height: 100%; 
									p { width: 100%; 
										&.pt { height: 237px; font-size: 0; overflow: hidden; text-align: center; 
											em { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
											img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; transition: all .5s ease; transform: translateZ(0px); }
										}
										&.pb { height: 42px; box-sizing: border-box; border-bottom: 1px solid #eaeaea; 
											span { display: block; width: 100%; height: 100%; font: normal 14px/42px 'microsoft yahei'; color: #333333; text-align: center; transition: all .5s ease; }
										}
									}
									&:hover {
										p {
											&.pt {
												img { transform: scale(1.1); }
											}
											&.pb {
												span { color: #1b2188; }
											}
										}
									}
								}
							}
						}
					}
				}
				.topPrev,.botPrev { width: 57px; height: 95px; background: rgba(88,89,98,.6); margin-top: -47.5px; left: -7%; transform: scale(.6); 
					span { display: block; width: 18px; height: 30px; background: url(../images/prev.png) no-repeat left center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
					&:hover {
						span { background-position: right center; }
					}
				}
				.topNext,.botNext { width: 57px; height: 95px; background: rgba(88,89,98,.6); margin-top: -47.5px; right: -7%; transform: scale(.6); 
					span { display: block; width: 18px; height: 30px; background: url(../images/next.png) no-repeat right center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
					&:hover {
						span { background-position: left center; }
					}
				}
			}
			.top {
				.nav {
					.topSwiper { margin-bottom: 35px; 
						.swiper-wrapper {
							.swiper-slide {
								a {
									&:hover {
										p {
											&.pt {
												img { transform: scale(1); opacity: .6; }
											}
										}
									}
								}
							}
						}
					}
				}
			}
			.bot { padding-top: 55px; background: #f6f6f6; }
		}
		.page2 { padding-bottom: 40px; background: #ffffff; 
			ul {
				li { float: left; width: 32%; height: 270px; background: #f5f5f5; margin-left: 2%; box-shadow: 0px 0px 10px 1px rgba(0,0,0,.1); 
					.nav { width: 81.25%; margin: 0 auto; 
						.title { margin-top: 20px; 
							p { font: normal 18px 'microsoft yahei'; color: #333333; background: url(../images/index/rectangle.png) no-repeat left center; padding-left: 15px; display: inline-block; }
							a { display: inline-block; float: right; font: normal 12px/26px 'microsoft yahei'; color: #999999; transition: all .5s ease; 
								&:hover { color: #1d208a; }
							}
						}
						.top { margin-top: 20px; 
							p { font: normal 14px 'microsoft yahei'; color: #333333; }
						}
						.cen { margin-top: 15px; 
							p { font: normal 12px/24px 'microsoft yahei'; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
						}
						.bot { margin-top: 20px; width: 85px; height: 45px; 
							a { display: block; width: 100%; height: 100%; position: relative; border: 1px solid #999999; box-sizing: border-box; transition: all .5s ease; 
								span { display: block; width: 7px; height: 11px; position: absolute; top: 50%; margin-top: -5.5px; left: 50%; margin-left: -3.5px; background: url(../images/index/more.png) no-repeat right center; transition: all .5s ease; }
								&:hover { border-color: #1d208a; 
									span { background-position: left center; }
								}
							}
						}
						.indexNews { margin-top: 20px; 
							a { display: block; width: 100%; height: 42px; border-bottom: 1px solid #eaeaea; 
								span { display: block; width: 63.5%; float: left; font: normal 14px/42px 'microsoft yahei'; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .5s ease; }
								em { display: block; float: right; font: normal 12px/42px 'microsoft yahei'; color: #d0d0d0; transition: all .5s ease; }
								&:hover {
									span { color: #1d208a; }
									em { color: #1d208a; }
								}
							}
						}
					}
					&:first-child { margin-left: 0; }
				}
			}
		}
	}
	.allTitle { border-bottom: 1px solid #eaeaea; 
		.contain { height: 100%; height: 58px; }
		.left { float: left; width: 60%; height: 100%;
			.titSwiper {
				.swiper-wrapper {
					.swiper-slide { width: auto; height: 57px; border-bottom: 2px solid transparent; margin-right: 35px; transition: all .5 ease; 
						a { display: block; height: 100%; font: normal 14px/57px 'microsoft yahei'; }
						&:hover { border-color: #414594; 
							a { font-weight: bold; color: #414594; }
						}
						&.cur { border-color: #414594; 
							a { font-weight: bold; color: #414594; }
						}
					}
				}
			}
		}
		.right { float: right; height: 100%; 
			p { height: 100%; background: url(../images/goHome.png) no-repeat left center; padding-left: 18px; 
				a { font: normal 12px/58px 'microsoft yahei'; color: #999999; transition: all .5s ease; 
					&:hover { color: #666666; }
					&.cur { color: #666666; }
				}
				span { font: normal 12px/58px 'microsoft yahei'; color: #999999; }
			}
		}
	}
	.title {
		p { font: bold 18px 'microsoft yahei'; color: #333333; text-align: center; }
	}
	.about {
		.page1 {
			.top { padding: 40px 0; font-size: 0; border-bottom: 1px solid #eaeaea; 
				img { max-width: 100%; transition: all .5s ease; 
					&:hover { transform: scale(.9); }
				}
				p { font: normal 14px/24px 'microsoft yahei'; color: #666666; padding-top: 20px; }
			}
			.cen { padding: 40px 0; 
				.left { float: left; width: 47%; 
					ul { margin-bottom: 55px; 
						li { float: left; width: 43px; height: 48px; margin-right: 63px; text-align: center; font-size: 0; 
							span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
							img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; transition: all .5s ease; }
							&:first-child { margin-left: 20px; }
							&:hover {
								img { transform: rotate(45deg); }
							}
						}
					}
					p { font: normal 14px/24px 'microsoft yahei'; color: #666666; 
						&.pc { margin-top: 20px; }
						&.pb { margin-top: 40px; }
					}
				}
				.right { float: right; width: 47%; overflow: hidden; 
					img { max-width: 100%; transition: all .5s ease; 
						&:hover { transform: scale(1.1); }
					}
					p { font: normal 14px/24px 'microsoft yahei'; color: #666666; padding-top: 20px; }
				}
			}
		}
	}
	.history {
		.page1 { padding: 50px 0; 
			.cen { margin-top: 50px; 
				ul { position: relative; 
					li { position: relative; padding-top: 25px; 
						.nav { width: 45%; border: 1px solid #eaeaea; 
							p { width: 96%; min-height: 123px; background: url(../images/about/hiIcon1.png) no-repeat right 20px; padding: 2%; padding-right: 19px; 
								span { display: block; font: bold 14px 'Arial'; color: #333333; position: absolute; top: 42px; left: 50%; transform: translateX(-50%); padding: 5px 0; background: #ffffff; z-index: 10; transition: all .5s ease; }
								em { display: block; font: normal 18px 'microsoft yahei'; color: #333333; margin-top: 10px; transition: all .5s ease; }
								i { display: block; font: normal 14px 'microsoft yahei'; color: #999999; margin-top: 10px; }
								&:hover {
									span { color: #414594; }
									em { color: #414594; }
								}
							}
						}
						&:nth-child(2n) {
							.nav { margin-left: 55%; 
								p { background: url(../images/about/hiIcon2.png) no-repeat left 20px; margin-left: -9px; 
									em { padding-left: 2%; }
									i { padding-left: 2%; }
								}
							}
						}
						&:first-child { padding-top: 45px; 
							.nav {
								p {
									span { top: 65px; }
								}
							}
						}
						&:after { content: ''; position: absolute; top: 0; left: 50%; width: 3px; height: 100%; margin-left: -1.5px; background: #ea8300; }
					}
					&:before { content: ''; position: absolute; top: 0; left: 50%; width: 14px; height: 14px; background: #ea8300; transform: rotate(45deg); margin-left: -7px; }
					&:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 14px; height: 14px; background: #ea8300; transform: rotate(45deg); margin-left: -7px; }
				}
			}
		}
	}
	.culture {
		.page1 { padding: 50px 0; 
			.top {
				.nav { padding-top: 30px; border-top: 1px solid #eaeaea; margin-top: 30px; 
					.left { float: left; width: 33%; 
						ul {
							li { margin-top: 40px; 
								span { display: block; font: bold 14px 'microsoft yahei'; color: #666666; transition: all .5s ease; }
								em { display: block; font: normal 14px 'microsoft yahei'; color: #888888; padding-top: 10px; }
								&:hover {
									span { color: #414594; }
								}
								&:first-child { margin-top: 0; }
							}
						}
					}
					.right { float: right; width: 50.4%; overflow: hidden; 
						img { max-width: 100%; transition: all .5s ease; }
						&:hover {
							img { transform: scale(1.1); }
						}
					}
				}
			}
		}
		.page2 { padding: 50px 0; background: #f4f4f4; 
			.cen { position: relative; margin-top: 10px; 
				.culSwiper {
					.swiper-wrapper {
						.swiper-slide { font-size: 0; 
							a { display: block; overflow: hidden; 
								img { max-width: 100%; transition: all .5s ease; }
								&:hover {
									img { transform: scale(1.1); }
								}
							}
						}
					}
				}
				.culPrev { width: 57px; height: 95px; background: rgba(88,89,98,.6); margin-top: -47.5px; left: -7%; transform: scale(.6); 
					span { display: block; width: 18px; height: 30px; background: url(../images/prev.png) no-repeat left center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
					&:hover {
						span { background-position: right center; }
					}
				}
				.culNext { width: 57px; height: 95px; background: rgba(88,89,98,.6); margin-top: -47.5px; right: -7%; transform: scale(.6); 
					span { display: block; width: 18px; height: 30px; background: url(../images/next.png) no-repeat right center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
					&:hover {
						span { background-position: left center; }
					} 
				}
			}
		}
	}
	.honor {
		.page1 { padding: 50px 0; 
			.top { padding-top: 20px; border-top: 1px solid #eaeaea; margin-top: 30px; position: relative; 
				.hoSwiper1 {
					.swiper-wrapper {
						.swiper-slide {
							a { display: block; font-size: 0; 
								img { max-width: 100%; }
							}
						}
					}
				}
				.hoPrev1 { width: 57px; height: 95px; background: rgba(88,89,98,.6); margin-top: -47.5px; left: -7%; transform: scale(.6); 
					span { display: block; width: 18px; height: 30px; background: url(../images/prev.png) no-repeat left center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
					&:hover {
						span { background-position: right center; }
					}
				}
				.hoNext1 { width: 57px; height: 95px; background: rgba(88,89,98,.6); margin-top: -47.5px; right: -7%; transform: scale(.6); 
					span { display: block; width: 18px; height: 30px; background: url(../images/next.png) no-repeat right center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
					&:hover {
						span { background-position: left center; }
					} 
				}
			}
		}
		.page2 { padding: 50px 0; background: #f4f4f4; 
			.top { position: relative; 
				.hoSwiper2 {
					.swiper-wrapper {
						.swiper-slide {
							a { display: block; font-size: 0; 
								img { max-width: 100%; }
							}
						}
					}
				}
				.hoPrev2 { width: 57px; height: 95px; background: rgba(88,89,98,.6); margin-top: -47.5px; left: -7%; transform: scale(.6); 
					span { display: block; width: 18px; height: 30px; background: url(../images/prev.png) no-repeat left center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
					&:hover {
						span { background-position: right center; }
					}
				}
				.hoNext2 { width: 57px; height: 95px; background: rgba(88,89,98,.6); margin-top: -47.5px; right: -7%; transform: scale(.6); 
					span { display: block; width: 18px; height: 30px; background: url(../images/next.png) no-repeat right center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
					&:hover {
						span { background-position: left center; }
					} 
				}
			}
		}
	}
	.allLeft { float: left; width: 24.5%; 
		.top { width: 100%; height: 74px; background: url(../images/left.png) no-repeat center/cover; 
			p { width: 100%; font: normal 18px/74px 'microsoft yahei'; text-indent: 25px; color: #ffffff; }
		}
		.cen {
			ul { padding: 15px 0; background: #f5f5f5; 
				li { width: 100%; height: 40px; box-sizing: border-box; 
					a { display: block; font: normal 14px/40px 'microsoft yahei'; color: #666666; text-indent: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color .5s ease; }
					&:hover { background: #ffffff; border-left: 4px solid #08097b; 
						a { font-weight: bold; text-indent: 21px; color: #08097b; }
					}
					&.cur { background: #ffffff; border-left: 4px solid #08097b; 
						a { font-weight: bold; text-indent: 21px; color: #08097b; }
					}
				}
			}
			.leftSwiper { padding: 15px 0; background: #f5f5f5; 
				.swiper-wrapper { display: block; 
					.swiper-slide { width: 100%; height: 40px; box-sizing: border-box; 
						a { display: block; font: normal 14px/40px 'microsoft yahei'; color: #666666; text-indent: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color .5s ease; }
						&:hover { background: #ffffff; border-left: 4px solid #08097b; 
							a { font-weight: bold; text-indent: 21px; color: #08097b; }
						}
						&.cur { background: #ffffff; border-left: 4px solid #08097b; 
							a { font-weight: bold; text-indent: 21px; color: #08097b; }
						}
					}
				}
			}
		}
	}
	.allRight { float: right; width: 68%; }
	.shares { padding-bottom: 40px; float: right; margin-right: 9%; 
		span { display: block; font: normal 14px/25px 'microsoft yahei'; color: #888888; float: left; margin-top: 5px; }
		.bdsharebuttonbox { display: inline-block; 
			a { width: 32px; height: 25px; 
				&.bds_more { display: none; }
				&.bds_tqq { background: url(../images/share1.png) no-repeat center; }
				&.bds_qzone { background: url(../images/share2.png) no-repeat center; }
				&.bds_sqq { background: url(../images/share3.png) no-repeat center; }
				&.bds_tsina { background: url(../images/share4.png) no-repeat center; }
			}
		}
	}
	.product { padding: 40px 0; 
		.page1 {
			.top {
				p { font: bold 16px 'microsoft yahei'; color: #333333; text-indent: 10px; border-left: 4px solid #333333; }
				span { display: block; margin-top: 18px; 
					em { display: block; width: 48%; height: 1px; background: #eaeaea; float: left; margin-left: 4%;
						&:first-child { margin-left: 0; }
					}
				}
			}
			.cen { padding: 15px 0; 
				ul {
					li { width: 100%; border-bottom: 2px solid #eaeaea; margin-bottom: 30px; 
						p { width: 48%; float: left; margin-left: 4%; 
							a { display: block; 
								span { display: block; width: 100%; box-sizing: border-box; transition: all .5s ease; 
									&.spanT { height: 242px; border: 1px solid #eaeaea; font-size: 0; text-align: center; 
										em { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
										img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; transition: all .5s ease; }
									}
									&.spanB { height: 54px; 
										em { display: block; font: normal 14px/54px 'microsoft yahei'; color: #333333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .5s ease; }
									}
								}
								&:hover {
									span {
										&.spanT { border-color: #08097b; 
											img { transform: scale(.9); }
										}
										&.spanB {
											em { color: #08097b; }
										}
									}
								}
							}
							&:first-child { margin-left: 0; }
						}
					}
				}
			}
		}
	}
	.proDetail { padding: 40px 0; 
		.top { width: 100%; height: 100%; 
			.nav { width: 100%; height: 100%; position: relative; 
				.left { position: absolute; width: 50%; height: 100%; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; box-sizing: border-box; 
					a { display: block; width: 100%; height: 100%; font-size: 0; text-align: center; 
						em { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
						img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; }
					}
				}
				.right { float: right; width: 50%; background: #f5f5f5; 
					p { padding: 0 9%; padding-top: 60px; padding-bottom: 165px; 
						span { display: block; font: bold 18px 'microsoft yahei'; color: #333333; padding-bottom: 25px; }
						em { display: block; font: bold 14px 'microsoft yahei'; color: #666666; padding-bottom: 10px; }
						i { display: block; font: normal 14px/30px 'microsoft yahei'; color: #666666; }
					}
				}
			}
		}
		.cen { margin-top: 40px; 
			.cTop { padding-bottom: 15px; border-bottom: 1px solid #eaeaea; 
				ul {
					li { background: url(../images/slash.png) no-repeat left center; float: left; position: relative; 
						a { display: block; font: normal 14px 'microsoft yahei'; color: #888888; padding: 0 14px 0 24px; transition: all .5s ease; }
						&:last-child {
							&:after { content: ''; position: absolute; right: 0; top: 4px; width: 13px; height: 13px; background: url(../images/slash.png) no-repeat right center; }
							a { padding-right: 24px; }
						}
						&:hover {
							a { font-weight: bold; color: #08097b; }
						}
						&.cur {
							a { font-weight: bold; color: #08097b; }
						}
					}
				}
			}
			.cNav { margin-top: 15px; 
				.content { text-align: center; display: none; 
					&.content1 {
						img { max-width: 100%; }
						p { font: normal 14px/24px 'microsoft yahei'; color: #666666; text-align: left; }
					}
					&.content2 {
						table { border: 1px solid #eaeaea; width: 100%; table-layout: fixed; border-collapse: collapse; 
							tr { width: 100%; height: 48px; border-bottom: 1px solid #eaeaea; 
								td { font: normal 14px 'microsoft yahei'; color: #666666; border-right: 1px solid #eaeaea; text-align: left; 
									&:first-child { width: 20%; text-indent: 5%; }
									&:last-child { text-indent: 15%; }
								}
							}
						}
					}
				}
			}
		}
	}
	.industry { padding: 40px 0 0 0; 
		.page1 {
			.top { padding-bottom: 15px; border-bottom: 1px solid #eaeaea; 
				p { font: bold 18px 'microsoft yahei'; color: #333333; text-align: center; }
			}
			.cen { margin-top: 30px; height: 100%; position: relative; 
				.left { width: 50%; height: 100%; position: absolute; font-size: 0; 
					span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
					img { display: inline-block; max-width: 100%; height: 100%; object-fit: cover; vertical-align: middle; }
				}
				.right { float: right; min-height: 200px; width: 50%; background: #eaeaea; 
					p { font: normal 14px 'microsoft yahei'; color: #666666; padding: 0 6%; padding-top: 35px; 
						span { display: block; }
						em { display: block; margin-top: 15px; }
					}
				}
			}
			.bot { margin-top: 35px; 
				.bTop { padding-bottom: 15px; border-bottom: 1px solid #eaeaea; 
					ul {
						li { background: url(../images/slash.png) no-repeat left center; float: left; position: relative; 
							a { display: block; font: normal 14px 'microsoft yahei'; color: #888888; padding: 0 14px 0 24px; transition: all .5s ease; }
							&:last-child {
								&:after { content: ''; position: absolute; right: 0; top: 4px; width: 13px; height: 13px; background: url(../images/slash.png) no-repeat right center; }
								a { padding-right: 24px; }
							}
							&:hover {
								a { font-weight: bold; color: #08097b; }
							}
							&.cur {
								a { font-weight: bold; color: #08097b; }
							}
						}
					}
				}
				.bNav { margin-top: 30px; 
					.content { display: none; 
						.left { float: left; width: 50%; 
							p {
								span { display: block; font: normal 14px 'microsoft yahei'; color: #666666; }
								em { display: block; margin-top: 15px; font: normal 14px 'microsoft yahei'; color: #666666; }
							}
						}
						.right { float: right; width: 50%; text-align: center; 
							img { max-width: 100%; max-height: 100%; }
						}
					}
				}
			}
		}
		.page2 { margin-top: 40px; padding: 40px 0; background: #f5f5f5; 
			.cen { margin-top: 25px; 
				.nav {
					ul {
						li { float: left; width: 33.3%; padding-top: 15px; border-top: 2px solid #eaeaea; margin-bottom: 20px; 
							a { display: block; width: 96%; float: left; 
								p {
									&.pt { font-size: 0; height: 237px; overflow: hidden; 
										span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
										img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; transition: all .5s ease; }
									}
									&.pb { border-bottom: 1px solid #eaeaea; 
										span { display: block; font: normal 14px/50px 'microsoft yahei'; color: #333333; text-align: center; height: 50px; transition: all .5s ease; }
									}
								}
								&:hover {
									p {
										&.pt {
											img { transform: scale(1.1); }
										}
										&.pb {
											span { color: #1b2188; }
										}
									}
								}
							}
							&:nth-child(2n){
								a { float: none; margin: 0 auto; }
							}
							&:nth-child(3n){
								a { float: right; }
							}
							&:nth-child(3n+1){
								a { float: left; }
							}
							&:nth-child(3n+2){
								a { float: none; margin: 0 auto; }
							}
						}
					}
				}
			}
		}
	}
	.news { padding: 40px 0; 
		.page1 {
			.cen {
				ul { padding-bottom: 40px; 
					li { padding: 20px 0; border-bottom: 1px solid #eaeaea;	a { display: block; width: 100%; height: 100%; position: relative; 
							p {
								&.pl { float: left; width: 15.2%; height: 120px; font-size: 0; overflow: hidden; 
									span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
									img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; transition: all .5s ease; }
								}
								&.pr { float: right; width: 82%; padding-top: 20px; 
									span { display: block; font: normal 16px 'microsoft yahei'; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .5s ease; }
									em { display: block; font: normal 12px 'microsoft yahei'; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 5px; }
									i { display: block; font: normal 14px 'microsoft yahei'; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 10px; }
								}
							}
							&:hover {
								p {
									&.pl {
										img { transform: scale(1.1); }
									}
									&.pr {
										span { color: #414594; }
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.newsDetail { padding: 40px 0; 
		.page1 {
			.top { padding-bottom: 45px; border-bottom: 1px solid #eaeaea; 
				p { font: bold 24px 'microsoft yahei'; color: #333333; }
				span { display: block; font: normal 12px 'microsoft yahei'; color: #b9b9b9; padding-top: 25px; }
			}
			.cen { padding-top: 30px; 
				p { font: normal 14px/24px 'microsoft yahei'; color: #b9b9b9; }
				img { padding: 45px 0 20px 0; max-width: 100%; }
			}
			.bot { padding-top: 90px; 
				.bshare { width: 225px; margin: 0 auto;
					span { font: normal 12px/56px 'microsoft yahei'; color: #666666; float: left; padding-right: 10px; }
					.bdsharebuttonbox { 
						a { width: 48px; height: 48px; margin-right: 10px; 
							&.bds_more { display: none; }
							&.bds_weixin { background: url(../images/news/wechat.png) no-repeat center; }
							&.bds_tsina { background: url(../images/news/weibo.png) no-repeat center; }
							&.bds_qzone { background: url(../images/news/qzone.png) no-repeat center; }
						}
					}
				}
			}
		}
	}
	.service { padding-top: 40px; 
		.page1 {
			.top {
				.left { float: left; width: 35%; text-align: center; 
					img { max-width: 100%; }
				}
				.right { float: right; width: 65%; padding-top: 50px; 
					p { font: bold 18px 'microsoft yahei'; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
					span { display: block; font: normal 14px 'microsoft yahei'; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 15px; }
					em { display: block; display: -webkit-box; padding-right: 20px; font: normal 14px/24px 'microsoft yahei'; color: #888888; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
				}
			}
			.cen { padding-top: 35px; 
				ul {
					li { float: left; width: 32%; margin-left: 2%; 
						a { display: block; 
							p {
								&.pt { height: 220px; font-size: 0; overflow: hidden; 
									span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
									img { display: inline-block;/* max-width: 100%; max-height: 100%;*/ width: 100%; height: 100%; object-fit: cover; line-height: 100%; vertical-align: middle; transition: all .5s ease; }
								}
								&.pb { height: 135px; border: 1px solid #eaeaea; border-top: 0; box-sizing: border-box; 
									span { display: block; font: normal 14px 'microsoft yahei'; color: #333333; padding: 0 20px; padding-top: 20px; transition: all .5s ease; }
									em { display: block; display: -webkit-box; height: 72px; font: normal 14px/24px 'microsoft yahei'; color: #888888; padding: 0 20px; padding-top: 5px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
								}
							}
							&:hover {
								p {
									&.pt {
										img { transform: scale(1.1); }
									}
									&.pb {
										span { color: #414594; }
									}
								}
							}
						}
						&:first-child { margin-left: 0; }
					}
				}
			}
		}
		.page2 { padding: 40px 0; background: #f5f5f5; margin-top: 30px; 
			.top {
				p { font: bold 18px 'microsoft yahei'; color: #333333; text-align: center; }
			}
			.cen { margin-top: 30px; 
				img { max-width: 100%; }
			}
		}
	}
	.process { padding: 40px 0; 
		.page1 {
			.cen { margin-top: 20px; border-top: 1px solid #eaeaea; font-size: 0; 
				img { padding-top: 30px; max-width: 100%; }
			}
		}
	}
	.downs { padding: 40px 0; 
		.cen { margin-top: 20px; border-top: 1px solid #eaeaea; 
			ul { padding-bottom: 40px; 
				li { padding: 20px 0; position: relative; border-bottom: 1px solid #eaeaea; 
					p {
						&.pl { float: left; width: 74%; 
							a { display: block; 
								span { display: block; font: bold 14px 'microsoft yahei'; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; transition: all .5s ease; }
								em { display: block; font: normal 12px 'microsoft yahei'; color: #888888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; padding-top: 10px; }
								&:hover {
									span { color: #08097b; }
								}
							}
						}
						&.pr { position: absolute; right: 0; top: 20px; 
							a { font: normal 14px 'microsoft yahei'; color: #08097b; background: url(../images/service/downs.png) no-repeat left center; padding-left: 30px; }
						}
					}
				}
			}
		}
	}
	.contact { padding: 40px 0; 
		.cen { margin-top: 20px; border-top: 1px solid #eaeaea; padding-top: 30px; 
			.left { float: left; width: 45%; 
				p { font: normal 16px 'microsoft yahei'; color: #333333; }
				span { display: block; font: normal 14px 'microsoft yahei'; color: #666666; padding-top: 15px; }
			}
			.right { float: right; width: 55%; }
		}
	}
	.join { padding: 40px 0; 
		.cen { margin-top: 20px; border-top: 1px solid #eaeaea; padding-top: 30px; height: 100%; 
			.nav { margin-bottom: 20px; position: relative; 
				.left { float: left; width: 20%; height: 100%; border: 1px solid #eaeaea; box-sizing: border-box; border-right: 0; position: absolute; height: 100%; 
					p { padding-top: 30px; padding-left: 30px; 
						span { display: block; font: normal 18px 'microsoft yahei'; color: #333333; }
						a { display: inline-block; font: normal 12px 'microsoft yahei'; color: #ffffff; padding: 9px 15px; background: #08097b; border-radius: 5px; margin-top: 10px; }
						em { display: block; font: normal 12px 'microsoft yahei'; color: #888888; margin-top: 10px; }
					}
				}
				.right { min-height: 160px; float: right; width: 80%; border: 1px solid #eaeaea; box-sizing: border-box; 
					dl { padding: 30px; 
						dt { font: normal 14px 'microsoft yahei'; color: #333333; }
						dd { font: normal 14px 'microsoft yahei'; color: #999999; padding-top: 5px; }
						&:first-child { padding-bottom: 0; }
					}
				}
			}
		}
	}
	.messages { padding: 40px 0; 
		.cen { margin-top: 20px; border-top: 1px solid #eaeaea; padding-top: 30px; 
			p { font: normal 12px 'microsoft yahei'; color: #888888; }
			.forms { margin-top: 30px; 
				input { width: 49.5%; float: left; height: 46px; border: 1px solid #eaeaea; box-sizing: border-box; margin-bottom: 10px; margin-left: 1%; font: normal 14px 'microsoft yahei'; text-indent: 20px; 
					&::webkit-placeholder { font: normal 14px 'microsoft yahei'; color: #666666; text-indent: 20px; }
					&:moz-placeholder { font: normal 14px 'microsoft yahei'; color: #666666; text-indent: 20px; }
					&:ms-placeholder { font: normal 14px 'microsoft yahei'; color: #666666; text-indent: 20px; }
					&:nth-child(2n+1) { margin-left: 0; }
				}
				textarea { width: 100%; height: 220px; padding-top: 10px; border: 1px solid #eaeaea; resize: none; font: normal 14px 'microsoft yahei'; color: #666666; text-indent: 20px; }
			}
		}
		.bot { margin-top: 20px; 
			a { display: inline-block; width: 126px; height: 46px; font: bold 16px/46px 'microsoft yahei'; color: #ffffff; text-align: center; background: #08097b; border-radius: 5px; transition: all .5s ease; 
				&:hover { transform: scale(.9); }
			}
			span { padding-left: 15px; font: normal 12px 'microsoft yahei'; color: #888888; }
		}
	}
}
.culPop { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 111; display: none; 
	.popBg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .6;}
	.width {height: 100%; position: relative;}
	.nav {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center;}
}

@media screen and(max-width: 1440px){
	.indexBanner {
		.bannerSwiper {
			.bannerPrev { left: 1%; }
			.bannerNext { right: 1%; }
		}
	}
}

@media screen and (max-width: 1333px){
	.indexBanner {
		.bannerSwiper {
			.swiper-wrapper {
				.swiper-slide {

				}
			}
			.bannerPrev { left: 1%; }
			.bannerNext { right: 1%; }
		}
	}
	.wrap {
		.index {
			.page1 {
				.top,.bot {
					.topPrev,.botPrev { left: 0; }
					.topNext,.botNext { right: 0; }
				}
			}
		}
		.culture {
			.page2 {
				.cen {
					.culPrev { left: 0; }
					.culNext { right: 0; }
				}
			}
		}
		.honor {
			.page1 {
				.top {
					.hoPrev1 { left: 0; }
					.hoNext1 { right: 0; }
				}
			}
			.page2 {
				.top {
					.hoPrev2 { left: 0; }
					.hoNext2 { right: 0; }
				}
			}
		}
	}
}

@media screen and (max-width: 1280px){
	.wrap {
		.about {
			.page1 {
				.cen {
					.left {
						ul {
							li { margin-right: 25px; }
						}
					}
				}
			}
		}
	}
}

@media screen and(max-width: 1024px){
	.wrap {
		.index {
			.page1 {
				.top,.bot {
					.nav {
						.topSwiper,.botSwiper {
							.swiper-wrapper {
								.swiper-slide {
									a {
										p {
											&.pt { height: 194px; }
										}
									}
								}
							}
						}
					}
				}
			}
		}
		.industry {
			.page2 {
				.cen {
					.nav {
						ul {
							li {
								a {
									p {
										&.pt { height: 194px; }
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

@media screen and(max-width: 1000px){
	.indexBanner {
		.bannerSwiper {
			.swiper-slide {
				a {
					.width { margin-left: -47.5%; }
				}
			}
		}
	}
	.wrap {
		.history {
			.page1 {
				.cen {
					ul {
						li {
							.nav { width: 40%; 
								p { padding-right: 17px; }
							}
							&:nth-child(2n) {
								.nav { margin-left: 60%; }
							}
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 880px){
	.wrap {
		.allTitle {
			.right { display: none; }
		}
		.proDetail {
			.top {
				.nav {
					.right {
						p { padding-bottom: 30px; }
					}
				}
			}
		}
	}
}

@media screen and (max-width: 860px){
	.wrap {
		.about {
			.page1 {
				.cen {
					.left {
						ul {
							li { width: 20%; margin-right: 0; 
								&:first-child { margin-left: 0; }
							}
						}
						p {
							&.pc { margin-top: 10px; }
							&.pb { margin-top: 10px; }
						}
					}
				}
			}
		}
		.news {
			.page1 {
				.cen {
					ul {
						li {
							a {
								p {
									&.pl { width: 25%; }
									&.pr { width: 70%; }
								}
							}
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 768px){
	.wrap { margin-top: 60px; 
		.index {
			.page1 {
				.top,.bot {
					.nav {
						.topSwiper,.botSwiper {
							.swiper-wrapper {
								.swiper-slide {
									a {
										p {
											&.pt { height: 146px; }
										}
									}
								}
							}
						}
					}
				}
			}
		}
		.allTitle {
			.left { width: 100%; }
			.right { display: none; }
		}
		.about {
		}
		.culture {
			.page1 {
				.top {
					.nav {
						.left { width: 100%; }
						.right { width: 100%; margin-top: 40px; }
					}
				}
			}
		}
		.allLeft { width: 100%; 
			.cen {
				.leftSwiper {
					.swiper-wrapper { display: flex; 
						.swiper-slide { width: auto; margin-left: 20px; padding-right: 20px; }
					}
				}
			}
		}
		.allRight { width: 100%; margin-top: 20px; }
		.industry {
			.page1 {
				.bot {
					.bNav {
						.content {
							.left { width: 100%; }
							.right { width: 100%; margin-top: 20px; }
						}
					}
				}
			}
			.page2 {
				.cen {
					.nav {
						ul {
							li {
								a {
									p {
										&.pt { height: 145px; }
									}
								}
							}
						}
					}
				}
			}
		}
		.service {
			.page1 {
				.cen {
					ul {
						li {
							a {
								p {
									&.pt { height: 132px; }
								}
							}
						}
					}
				}
			}
		}
	}
}

@media screen and(max-width: 700px){
	.wrap {
		.index {
			.page2 {
				ul {
					li { width: 49%; margin-bottom: 1rem; 
						&:nth-child(3n){ margin-left: 0; }
					}
				}
			}
		}
	}
}

@media screen and(max-width: 680px){
	.wrap {
		.about {
			.page1 {
				.cen {
					.left { width: 100%; }
					.right { width: 100%; margin-top: 20px; 
						img { width: 100%; }
					}
				}
			}
		}
		.history {
			.page1 {
				.cen {
					ul {
						li {
							.nav { width: 100%; box-sizing: border-box; 
								p { width: 96%; background: none; padding: 1rem 0; margin: 0 auto; 
									span { position: relative; z-index: 1; top: 0; }
								}
							}
							&:first-child { padding-top: 0; 
								.nav {
									p {
										span { top: 0; }
									}
								}
							}
							&:nth-child(2n) {
								.nav { margin-left: 0; 
									p { background: none; margin: 0 auto; padding: 1rem 0; 
										em { padding: 0; }
										i { padding: 0; }
									}
								}
							}
							&:after { display: none; }
						}
						&:before { display: none; }
						&:after { display: none; }
					}
				}
			}
		}
		.proDetail {
			.cen {
				.cNav {
					.content {
						&.content2 {
							table {
								tr {
									td {
										&:first-child { width: 30%; }
									}
								}
							}
						}
					}
				}
			}
		}
		.industry {
			.page1 {
				.cen {
					.left { position: relative; width: 100%; 
						img { width: 100%; max-width: none; max-height: 100%; height: auto; object-fit: inherit; }
					}
					.right { width: 100%; min-height: inherit; 
						p { padding-bottom: 35px; }
					}
				}
			}
		}
		.contact {
			.cen {
				.left { width: 100%; }
				.right { width: 100%; margin-top: 20px; 
					iframe { width: 100%; }
				}
			}
		}
		.join {
			.page1 {
				.cen {
					.nav {
						.left { width: 35%; }
						.right { width: 65%; }
					}
				}
			}
		}
	}
}

@media screen and(max-width: 600px){
	.indexBanner {
		.bannerSwiper {
			.swiper-slide {
				a {
					.nav {
						.left { width: 100%; text-align: center; 
							em { margin: 0 auto; margin-top: 20px; }
						}
						.right { display: none; }
					}
				}
			}
		}
	}
	.wrap {
		.index {
			.page1 {
				.top,.bot {
					.topSwiper,.botSwiper {
						.swiper-wrapper {
							.swiper-slide {
								a {
									p {
										&.pt { height: 175px; }
									}
								}
							}
						}
					}
				}
			}
		}
		.proDetail {
			.top {
				.nav {
					.left { width: 100%; position: relative; }
					.right { width: 100%; }
				}
			}
		}
		.service {
			.page1 {
				.top {
					.left { width: 100%; }
					.right { width: 100%; }
				}
			}
		}
	}
}

@media screen and(max-width: 480px){
	.indexBanner { height: auto; 
		.bannerSwiper {
			.swiper-slide {
				a {
					.width { display: none; }
				}
			}
			.bannerPrev { display: none; }
			.bannerNext { display: none; }
		}
	}
	.wrap {
		.index {
			.page2 {
				ul {
					li { width: 100%; margin-left: 0; }
				}
			}
		}
		.culture {
			.page1 {
				.top {
					.nav {
						.left { width: 100%; 
							ul {
								li { margin-top: 1rem; }
							}
						}
						.right { width: 100%; margin-top: 1rem; }
					}
				}
			}
		}
		.product {
			.page1 {
				.top {
					span {
						em { display: block; width: 100%; 
							&:last-child { display: none; }
						}
					}
				}
				.cen {
					ul {
						li { border-bottom: 0; margin-bottom: 1rem; 
							p { width: 100%; margin-left: 0; border-bottom: 2px solid #eaeaea; margin-bottom: 1rem; 
								&:last-child { margin-bottom: 0; }
							}
						}
					}
				}
			}
		}
		.proDetail {
			.cen {
				.cNav {
					.content {
						&.content2 {
							table {
								tr {
									td {
										&:first-child { width: 50%; }
									}
								}
							}
						}
					}
				}
			}
		}
		.industry {
			.page2 {
				.cen {
					.nav {
						ul {
							li { width: 50%; 
								a {
									p {
										&.pt { height: 194px; }
									}
								}
							}
						}
					}
				}
			}
		}
		.news {
			.page1 {
				.cen {
					ul {
						li {
							a {
								p {
									&.pl { width: 30%; }
									&.pr { width: 65%; }
								}
							}
						}
					}
				}
			}
		}
		.service {
			.page1 {
				.cen {
					ul {
						li { width: 49%; margin-bottom: 20px; 
							a {
								p {
									&.pt { height: 122px; }
								}
							}
							&:nth-child(3n) { margin-left: 0; }
						}
					}
				}
			}
		}
		.join {
			.page1 {
				.cen {
					.nav {
						.left { width: 100%; border-right: 1px solid #eaeaea; position: relative; padding-bottom: 30px; }
						.right { width: 100%; border-top: 0; }
					}
				}
			}
		}
	}
}

@media screen and(max-width: 414px){
	.wrap {
		.index {
			.page1 {
				.top,.bot {
					.nav {
						.topSwiper,.botSwiper {
							.swiper-wrapper {
								.swiper-slide {
									a {
										p {
											&.pt { height: 115px; }
										}
									}
								}
							}
						}
						.topPrev,.botPrev { margin-top: -68.5px; }
						.topNext,.botNext { margin-top: -68.5px; }
					}
				}
			}
		}
		.industry {
			.page2 {
				.cen {
					.nav {
						ul {
							li {
								a {
									p {
										&.pt { height: 112px; }
									}
								}
								&:nth-child(2n) {
									a { float: right; }
								}
								&:nth-child(2n+1){
									a { float: left; }
								}
							}
						}
					}
				}
			}
		}
		.news {
			.page1 {
				.cen {
					ul {
						li {
							a {
								p {
									&.pl { width: 35%; height: auto; }
									&.pr { width: 60%; padding-top: 0; }
								}
							}
						}
					}
				}
			}
		}
		.messages {
			.page1 {
				.cen {
					.forms {
						input { width: 100%; margin-left: 0; }
					}
				}
			}
		}
	}
}

@media screen and(max-width: 375px){
	.wrap {
		.index {
			.page1 {
				.top,.bot {
					.topSwiper,.botSwiper {
						.swiper-wrapper {
							.swiper-slide {
								a {
									p {
										&.pt { height: 200px; }
									}
								}
							}
						}
					}
				}
			}
		}
		.industry {
			.page2 {
				.cen {
					.nav {
						ul {
							li {
								a {
									p {
										&.pt { height: 102px; }
									}
								}
							}
						}
					}
				}
			}
		}
		.service {
			.page1 {
				.cen {
					ul {
						li { width: 100%; margin-left: 0; margin-bottom: 1rem; 
							a {
								p {
									&.pt { height: auto; }
								}
							}
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 340px){
	.wrap {
		.industry {
			.page2 {
				.cen {
					.nav {
						ul {
							li { width: 100%; 
								a { float: none; margin: 0 auto; 
									p {
										&.pt { height: auto; }
									}
								}
								&:nth-child(2n) {
									a { float: none; }
								}
								&:nth-child(2n+1) {
									a { float: none; }
								}
							}
						}
					}
				}
			}
		}
		.news {
			.page1 {
				.cen {
					ul {
						li {
							a {
								p {
									&.pl { width: 100%; height: auto; text-align: center; }
									&.pr { width: 100%; padding-top: 1rem; }
								}
							}
						}
					}
				}
			}
		}
	}
}